import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import headerBar from './components/headerBar.vue'
// 注册全局 组件
// Vue.component() vue3变为  app.component()



// 全局
router.beforeEach((to, from, next) => {
  next()
})
router.afterEach((to, from) => {

})
// createApp 创建vue实例的方法  创建根实例
// vue3 所有的全局方法，如use,component,directive,filter都挂载到 创建app实例上
let app = createApp(App);

app.use(router)

app.use(ElementPlus) //加载element-plus组件库

// 注册全局组件
app.component("headerBar", headerBar)

// app.directive() // 注册全局指令
app.directive("myshow", {
  created () { //指令初始化

  },
  mounted (el, binding) { //指令加载完成
    // el--指令绑定的元素
    // binding--指令的参数
    //  binding.value-- - 指令后的值
    if (binding.value) {
      el.style.display = "block"
    } else {
      el.style.display = "none"
    }
  },
  updated () { //指令更新时候调用

  },
  unmounted () { //指令卸载时候调用

  }
})

app.mount("#app")



